<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-3.1.0.min.js"></script>
    <script src="jquery-ui-1.12.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="jquery-ui-1.12.0/jquery-ui.css"/>
    <script>

    </script>
</head>
<body>
    <div id="table">
        <ul>
            <li><a href="#hello1">hello</a></li>
            <li><a href="#hello2">hello</a></li>
            <li><a href="#hello3">hello</a></li>
        </ul>
        <div id="hello1">hello1</div>
        <div id="hello2">hello2</div>
        <div id="hello3">hello3</div>
    </div>

    <script>
            $(function(){
                $("#table").tabs();
            })

    </script>
</body>
</html>

